<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <%@ include file="../../../common/vars.jsp"%>
 <%@ include file="../../../pages/mainInclude.jsp"%>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>mstrap</title>
	</head>
	<body>
		<h1 align="center" class="text-muted" style="fosnt-family: 'book antiqua';">学码思智能图书管理系统</h1>
	<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid">
	<div class="navbar-header" >
		<a class="navbar-brand" href="#">菜单导航</a>
	</div>
	<div>
		<ul class="nav navbar-nav">
			<li class="active"><a href="#">用户管理</a></li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					图书管理<b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">图书分类</a></li>
					<li><a href="#">图书信息</a></li>
					<li class="divider"></li>
					<li><a href="#">藏书地址</a></li>
					<li class="divider"></li>
					<li><a href="#">借书订阅</a></li>
				</ul>
			</li>
			<li class="dropdown">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					线上业务<b class="caret"></b>
				</a>
				<ul class="dropdown-menu">
					<li><a href="#">借书管理</a></li>
					<li><a href="#">还书管理</a></li>
					<li class="divider"></li>
					<li><a href="#">图书归档</a></li>
					<li class="divider"></li>
					<li><a href="#">借阅历史</a></li>
				</ul>
			</li>
			<li><a href="#">在线阅读</a></li>
		</ul>
	</div>
	</div>
    </nav>
    <!-- 底部菜单框 -->
	<div class="panel panel-default">
		<div class="panel-body" style="width: 100%;height: 750px;">
			<table class="table">
				<caption>基本的表格布局</caption>
				<thead>
					<tr>
						<th>名字</th>
						<th>城市</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<th>江苏</th>
						<th>苏州</th>
					</tr>
				</tbody>
		    </table>
	    </div>
	    <!--
        	作者：m18761601598@163.com
        	时间：2017-06-17
        	描述：分页信息
       -->
       <div align="center">
       	<ul class="pagination">
	        <li><a href="#">&laquo;</a></li>
	        <li><a href="#">1</a></li>
	        <li><a href="#">2</a></li>
	        <li><a href="#">3</a></li>
	        <li><a href="#">4</a></li>
			<li><a href="#">5</a></li>
			<li><a href="#">&raquo;</a></li>
		</ul>
       </div>
	</div>
	</body>
</html>
